<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>收货</title>
</head>
<style>
    .list-title {
        list-style: none;
        font-size: 16px;
        padding: 7px 10px;
        border-width: 1px 0 0 0;
        border-color: lightgray;
        border-style: solid;
    }

    .list-content {
        color: #666666;
        list-style: none;
        font-size: 16px;
        padding: 3px 20px;
        display: inline-block;
        width: 100%;
    }

    .title-img {
        width: 30px;
        margin-left: 10px;
        margin-top: 1px;
        position: relative;
        top: 1px;
    }

    .title-span {
        color: #4E4E4E;
        top: -7px;
        position: relative;
    }

    .title-icon {
        width: 20px;
        float: right;
        position: relative;
        top: 7px;
        right: 10px;
    }

    .line {
        width: 100%;
        height: 1px;
        background-color: lightgray;
        clear: both;
    }

    .line-short {
        width: 95%;
        float: right;
        height: 1px;
        background-color: lightgray;
    }

    .content-span-high {
        color: #2f85ff;
    }

    .content-span_recieve {
        color: #666666;
        float: right;
        line-height: 16px;
    }

    .content-span-left {
        float: left;
        line-height: 16px;
    }

    .content-img {
        margin: 5px;
        max-width: 25%;
        float: left;
    }

    .content-detail {
        display: block;
        margin-top: 3px;
        word-break: break-word;
    }

    .send-button {
        background-color: #2f85ff;
        border-radius: 5px;
        color: white;
        width: 36%;
        margin: 10px 32%;
        line-height: 28px;
        text-align: center;
    }

    .mon {
        background-color: #666666;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        max-height: 0px;
    }

    ul .list-content2 {
        width: 30%;
        float: left;
        margin-left: 2.5%;
        list-style: none;
        display: inline-block;
    }

    ul .list-content2 img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
</style>

<body style="margin: 0px; color: #666666">
    <ul style="background-color: white; padding: 0px;" id="content_recieve">
        <div class="item-divider my-bg" style="min-height: 15px;margin-top:-1px;padding: 0;background-color: #E5EEF5"></div>
        <li class="list-title">
            <img class="title-img" src="img/check-title-icon.png">
            <span class="title-span">客户信息</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">客户名称</span><span class="content-span_recieve" id="name_recieve"></span></li>
        <li class="list-content"><span class="content-span-high">客户联系人</span><span class="content-span_recieve" id="man_recieve"></span></li>
        <li class="list-content"><span class="content-span-high">所属地区</span><span class="content-span_recieve" id="area_recieve"></span></li>
        <li class="list-content"><span class="content-span-high">详细地址</span><span class="content-span_recieve" id="address_recieve"></span></li>

        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">组件</span>
        </li>
        <div id="module_content_recieve"></div>

        <li class="list-title">
            <img class="title-img" src="img/icon-tile.png">
            <span class="title-span">逆变器</span>
        </li>
        <div id="nbq_content_recieve"></div>
    </ul>
    <ul style="background-color: white; padding: 0px;" id="content_sendout">
        <div class="item-divider my-bg" style="min-height: 15px;margin-top:-1px;padding: 0;background-color: #E5EEF5"></div>
        <li class="list-title">
            <img class="title-img" src="img/check-title-icon.png">
            <span class="title-span">发货信息</span>
        </li>
        <div class="line"></div>
        <li class="list-content"><span class="content-span-high">发货时间</span><span class="content-span_recieve" id="date_sendout"></span></li>
        <li class="list-content"><span class="content-span-high">预计到货时间</span><span class="content-span_recieve" id="estimated_date_sendout"></span></li>
        <li class="list-content"><span class="content-span-high">物流信息</span><span class="content-span_recieve" id="info_sendout"></span></li>
    </ul>
    <div style="height: 20px;background-color: rgb(229, 241, 248)"></div>
</body>

<script type="text/javascript-lazy" src="js/projectTrackHtml/recieve_J.js"></script>

</html>
